/* =========================
   LA VERNE BRAND COLORS
   Primary:
   Green   #2C5234
   Orange  #FF8200

   Supporting:
   Green   #4A7729
   Olive   #949300
   Lime    #DBE442
   Gold    #F1B434
   Blue    #0093B2
   Lavender#FF8200
   Gray    #83786F
   Black   #000000
   ========================= */


/*-----------Header1, topheader.jsp, ((logo, cart, login))-----------------*/

#header1Container {
  background-color: #2C5234 !important;
  width: 100%;
  color: #FFFFFF !important;
}

#header1Wrapper {
  background-color: #2C5234 !important;
  color: #FFFFFF !important;
}

#cartInfo .glyphicon-shopping-cart {
  color: #FFFFFF !important;
}

#loginDropdownMenuLink {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 400;
}

#logoutLinkWrapper,
.headerProfileLink,
#loginNameWrapper,
.headerStudentLoginLogoutLink {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 400;
}

/* Outside of Header 3 (full-width strip) */
#header3Wrapper {
  background-color: #2C5234 !important;
}

/* Middle portion / nav bar */
#header3Container {
  display: flex;
  justify-content: center;
  background-color: #2C5234 !important;
}

/* Actual nav bar element */
#globalNavigationBar {
  background-color: #2C5234 !important;
}

/* Top strip / Bootstrap nav */
.navbar,
.navbar-default,
.navbar-light,
.navbar-inverse {
  background-color: #2C5234 !important;
  border-color: #2C5234 !important;
}


/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/

#header3Container {
  display: flex;
  justify-content: center;
  background-color: #2C5234 !important;
}

#header3Wrapper {
  background-color: #2C5234 !important;
}

#globalNavigationBar {
  background-color: #2C5234 !important;
}

.nav-item {
  font-size: 17px !important;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}

.navbar-light .navbar-nav .nav-link,
.navbar-nav .nav-link {
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #FF8200 !important;
}


/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/

footer {
  background-color: #2C5234 !important;
  color: #FFFFFF !important;
  padding: 20px;
}

#footer-info {
  line-height: 18px;
}

#footer2Sub2 {
  height: 65px;
}

#footer1Wrapper {
  height: 280px;
}

/* Full-width footer strips */
#footer1Wrapper,
#footer2Wrapper {
  background-color: #2C5234 !important;
}


/*----------------------Sidebar------------------------------------------------------*/

#sidebar1Module1 {
  color: #FFFFFF !important;
}

#sidebar1Wrapper {
  background-color: #2C5234 !important;
}

.nav-pills {
  color: #FFFFFF !important;
}

footer a,
footer > a {
  color: #FFFFFF !important;
}


/*----------------------Misc------------------------------------------------------*/

#variableContentBlockPG0156 {
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding-top: 35px !important;
  padding-bottom: 20px !important;
  display: flex;
  -ms-flex-align: center;
}

.conferencePreviewHeaderWrapper,
.conferencePreviewHeaderWrapper .form-text {
  color: #000000 !important;
}

.conferenceModule #header1 .headerConfPreviewMenuDropdownLink {
  color: #000000 !important;
}


/*--------------------- Student and Instructor Portal Menu ------------------------------------------------------*/

#studentMenu a:link,
#studentMenu a:visited,
#instructorMenu a:link,
#instructorMenu a:visited {
  color: #FFFFFF;
}

#studentMenu a:hover,
#instructorMenu a:hover {
  color: #FF8200;
}

#studentMenu .menuLink.nav-link {
  background-color: #2C5234;
}

#studentMenu a.nav-link.active {
  background-color: #FF8200;
  color: #000000 !important;
}

#instructorMenu .menuLink.nav-link {
  background-color: #2C5234;
}

#instructorMenu a.nav-link.active {
  background-color: #FF8200;
  color: #000000 !important;
}


/* ==== FORCE LA VERNE GREEN ON HEADER / FOOTER OUTER WRAPPERS ==== */

html body #header1,
html body #header1Wrapper,
html body div#header1Wrapper,
html body #header1Container,
html body #header3,
html body #header3Wrapper,
html body #header3Container {
  background-color: #2C5234 !important;
  border-color: #2C5234 !important;
}

html body .navbar,
html body .navbar-light,
html body .navbar-default,
html body .navbar-inverse,
html body nav.mainNavBar {
  background-color: #2C5234 !important;
  border-color: #2C5234 !important;
}

html body footer,
html body FOOTER#footer {
  background-color: #2C5234 !important;
  color: #FFFFFF !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body #footer1Wrapper,
html body #footer2Wrapper {
  background-color: #2C5234 !important;
  border: none !important;
}

html body #footer1Wrapper .container,
html body #footer2Wrapper .container {
  background-color: transparent !important;
  border: none !important;
}